.app {
	.app-1 {
		display: flex;
		border-bottom: 1px solid #eee;
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 55;
		background-color: #fff;
		text {
			flex: 1;
			height: 85upx;
			text-align: center;
			line-height: 85upx;
			font-size: 36upx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #999999;
			position: relative;
			&.on {
				color: #c8000b;
				&::after {
					content: '';
					position: absolute;
					width: 100%;
					height: 1px;
					background-color: #c8000b;
					left: 0;
					bottom: 0;
				}
			}
		}
	}
	.app-2 {
		padding-top: 84upx;
	}
	.app2-list {
		> view {
			border-bottom: 1px solid #eee;
			&:last-child {
				border-bottom: 0;
			}
			padding: 20upx 0;
			> view {
				&:nth-child(1) {
					padding: 20upx 50upx;

					view {
						display: flex;
						&:nth-child(1) {
							padding-bottom: 20upx;
						}
						text {
							&:nth-child(1) {
								font-size: 30upx;
								font-family: PingFang SC;
								font-weight: bold;
								color: #363636;
								width: 180upx;
							}
							&:nth-child(2) {
								flex: 1;
								font-size: 30upx;
								font-family: PingFang SC;
								font-weight: 400;
								color: #999999;
							}
						}
					}
				}
				&:nth-child(2) {
					display: flex;
					justify-content: space-around;
					padding: 10upx;
					text {
						width: 168upx;
						height: 64upx;
						text-align: center;
						line-height: 64upx;
						background: #fffeff;
						border: 1px solid #c8000b;
						font-size: 28upx;
						font-family: PingFang SC;
						font-weight: bold;
						color: #c8000b;
						&.on {
							background: #c8000b;
							color: #fff;
						}
					}
				}
			}
		}
	}
}
